.container{
  :global{
    .ant-modal-content{
      background: #1C3A6A !important;
    }
    .ant-input{
      height: 44px;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      background: #1c3a6a;
      border: 0;
    }
  }
  :global{
    .ant-spin-nested-loading{
      background: #0E254B;
    }
    .ant-upload-picture-card-wrapper{
      display: inline-block;
    }
    .ant-upload.ant-upload-select-picture-card{
      width: 120px !important;
      height: 120px !important;
      background: rgba(255, 255, 255, 0.1);
      border: none;
      border-radius: 0;
      &:hover{
        background: rgba(255, 255, 255, 0.2);
      }
    }
    .ant-upload-list{
      .ant-upload-list-picture-card-container{
        display: none;
      }
    }
    .ant-spin-nested-loading > div > .ant-spin .ant-spin-text{
      text-shadow: none;
      color: rgba(255,255,255, 0.4);
    }
  }
}
.upload{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  height: 380px;
  overflow-y: auto;
  > * {
    width: 120px !important;
    height: 120px !important;
  }
  .img{
    display: inline-block;
    position: relative;
    cursor: pointer;
    .close{
      display: none;
      position: absolute;
      top: 10px;
      right: 10px;
      width: 22px;
      height: 22px;
      background: url(./close.svg) no-repeat center center;
      background-size: cover;
      z-index: 3;
    }
    &:before{
      content: ' ';
      display: none;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0,0,0,.6);
    }
    &:hover{
      &:before, .close{
        display: block;
      }
    }
    &.selected{
      &:before{
        display: block;
      }
      &:after{
        content: ' ';
        position: absolute;
        width: 78px;
        height: 78px;
        top: 50%;
        margin-top: -34px;
        left: 50%;
        margin-left: -34px;
        background: url(./dui.svg) no-repeat center center;
        background-size: cover;
        z-index: 4;
        opacity: 1;
      }
    }
    img{
      width: 100%;
      height: 100%;
      object-fit:cover;
    }
  }
}
.footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 84px;
  padding: 0 20px;
  :global{
    .ant-btn + .ant-btn{
      margin-left: 20px;
    }
  }
  >span{
    >span{
      opacity: 0.6;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #FFFFFF;
      cursor: pointer;
      display: inline-flex;
      margin-right: 10px;
    }
  }
}
